<!DOCTYPE html>
<html lang="en-US">
<head>
	{% set this = section | default(value = page | default(value = false)) %}
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1">
	<title>Graphite | {% block title %}{% endblock title %}</title>
	{% block rss %}
	<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path = 'blog/rss.xml', trailing_slash = false) }}">
	{% endblock %}
	<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Bona+Nova:wght@700&family=EB+Garamond:ital,wght@0,500;1,500&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="/base.css">
	<link rel="stylesheet" href="/syntax-highlighting.css">
	{% if this and this.extra.css %}
	{% for css in this.extra.css %}
	<link rel="stylesheet" href="{{ css | safe }}">
	{% endfor %}
	{% endif %}
	{% block head %}{% endblock head %}
	{% if this and this.extra.js %}
	{% for js in this.extra.js %}
	<script src="/js/{{ js | safe }}"></script>
	{% endfor %}
	{% endif %}
	<script src="/js/text-justification.js"></script>
	<script src="/js/navbar.js"></script>
	<!-- INDEX_HTML_HEAD_REPLACEMENT -->
	<style>
	.balance-text {
		visibility: hidden;
	}

	@media (scripting: none) {
		.balance-text {
			visibility: visible !important;
		}
	}

	@supports (text-wrap: balance) {
		.balance-text,
		.balanced-text {
			text-align: left;
			text-wrap: balance;
			visibility: visible;
		}
	}
	</style>
</head>
<body>
	<div class="page">
		<header>
			<nav>
				<div class="row">
					<div class="left">
						<a href="/">
							<img src="https://static.graphite.rs/logos/graphite-logo-solid.svg" alt="Graphite Logo" />
						</a>
					</div>
					<div class="right">
						<!-- <a href="/learn">Learn</a> -->
						<a href="/features">Features</a>
						<a href="/about">About</a>
						<a href="/blog">Blog</a>
						<a href="/volunteer">Volunteer</a>
						<a href="/donate">Donate</a>
						<a href="https://editor.graphite.rs" class="button arrow">Launch</a>
					</div>
				</div>
			</nav>
			<svg class="ripple" xmlns="http://www.w3.org/2000/svg">
				<path d="M 0,15 l 10000,0" />
			</svg>
			<hr />
		</header>
		<main>
			<div class="content">
				{% block content %}{% endblock %}
			</div>
		</main>
		<footer>
			<hr />
			<nav class="balance-text require-polyfill">
				<a href="https://github.com/GraphiteEditor/Graphite/graphs/contributors" class="link not-uppercase">Credits</a>
				<a href="/license" class="link not-uppercase">License</a>
				<a href="/logo" class="link not-uppercase">Logo</a>
				<a href="/press" class="link not-uppercase">Press</a>
				<a href="/contact" class="link not-uppercase">Contact</a>
			</nav>
			<span>Copyright &copy; {{ now() | date(format = "%Y") }} Graphite Labs, LLC</span>
		</footer>
	</div>
	<script src="https://static.graphite.rs/text-balancer/text-balancer.js"></script>
</body>
</html>
